<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/catlist.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="shortcut icon" href="./img/logo.jpg">
    <script src="./script/cartlist_module.js" type="module"></script>
</head>

<body>
    <header>
        <div class="wrapper">
            <div class="nav_left">
                <ul>
                    <li>
                        长虹官网
                    </li>
                    <li>
                        关于长虹
                    </li>
                    <li>
                        投资者关系
                    </li>
                    <li>
                        商务合作
                    </li>
                    <li>
                        <i class="iconfont">&#xe6b9; &nbsp;
                            English</i>
                    </li>
                </ul>
            </div>
            <div class="nav_right">
                <p>
                    <a href="login.html">登录</a>|
                    <a href="registry.html">注册</a>
                </p>

                <span> <i class="iconfont">&#xe503;</i> &nbsp;我的长虹
                    <div class="mine">
                        <div class="mine_top">
                            <i class="iconfont">&#xe686;
                            </i>
                            <div>
                                <p><a href="login.html">你好请登录</a></p>
                                <p><a href="#">账户设置</a></p>
                            </div>
                            
                        </div>
                        <ul>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的预约</a></li>
                            <li><a href="#">家电管家</a></li>
                            <li><a href="#">服务记录</a></li>
                            <li><a href="#">我的收藏</a></li>
                        </ul>
                    </div>
                </span>
                <span> <i class="iconfont">&#xe517;</i> &nbsp;宏创有品
                <div class="piccode"><img src="https://images.changhong.com/chgw/images/cnhome-hcyp-ewm.jpg" alt=""></div>
                </span>
                <span> <a href="./cartlist.html"><i class="iconfont">&#xe502;</i>&nbsp;购物车<em class="goodtotal"></em></a></em>
                </span>
            </div>
        </div>
    </header>


    <div class="main">
        <div class="car_top">
            <div><input type="checkbox" class="allcheck" checked="checked">
                <span>全选<em class="cat_num">0</em>种商品</span>
            </div>
            <span>
                <i>·</i><em>0</em>种商品已失效
            </span>
        </div>

        <div class="cat_item">
            <div class="cat_list">
                <div class="check">
                    <input type="checkbox" checked="checked"></div>
                <div>
                    <p class="icon">
                        <i class="iconfont">&#xe613;</i>
                        <i class="iconfont del">&#xe628;</i>
                    </p>
                    <div class="datas">
                        <div class="picurl">
                            <img src="https://cn.changhong.com/cpzx/pb_televisions/znyy/202011/P020201106788611280799.jpg " alt=" ">
                        </div>
                        <h4 class="title">CHiQ 75英寸 AI极智屏电视 75Q7S</h4>
                        <p>单价<span class="price">9980</span>元</p>
                        <div class="q_change ">
                            <span>商品数量：</span>
                            <div>
                                <input type="button" class="reduce" value="-">
                                <input type="text" class="count" />
                                <input type="button" class=" increase " value="+"></div>
                        </div>
                        <h2>有货</h2>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="cart_footer ">
        <div class="wrapper ">
            <div>
                <span>已选 <em class="all_num ">0</em> 件商品</span>
                <span>满减优惠-0元</span>
                <a href=" ">查看赠品0件</a>
            </div>
            <div>
                <strong>总计:<i class="totalprice ">0.00</i>元</strong>
                <button class="settlement ">立即结算</button>
            </div>
        </div>

    </div>


    <footer>
        <div class="footer_top ">
            <div class="wrapper ">
                <div class="help ">
                    <div class="about ">
                        <i class="iconfont ">&#xe636;</i>
                        <div>
                            <h2>物流快线</h2>
                            <span>及时响应准确送达</span>
                        </div>
                    </div>
                    <div class="about ">
                        <i class="iconfont ">&#xe60b;</i>
                        <div>
                            <h2>售后网点</h2>
                            <span>20000余家售后网点</span>
                        </div>
                    </div>
                    <div class="about ">
                        <i class="iconfont ">&#xe65f;</i>
                        <div>
                            <h2>无忧报修</h2>
                            <span>7*24小时客服热线</span>
                        </div>
                    </div>
                </div>
                <div class="server ">
                    <div class="s_left ">
                        <div>
                            <h2>友情链接</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>友情链接</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>服务支持</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>长虹集团</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>商务合作</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                    </div>
                    <div class="s_right ">
                        <div>
                            <p><i class="iconfont ">&#xe60a;</i>在线服务</p>
                            <p><i class="iconfont ">&#xe60a;</i>在线服务</p>
                            <h2>4008-111-666</h2>
                            <h2>4006-111-666</h2>
                        </div>
                        <div class="s_code ">
                            <p>
                                <img src="https://images.changhong.com/chgw/gwsy/dblj/ewm/201609/W020200720505010301790.jpg " alt=" ">
                                <span>官方特卖</span>
                            </p>
                            <p>
                                <img src="https://images.changhong.com/chgw/gwsy/dblj/ewm/201609/W020160929398046882385.jpg " alt=" ">
                                <span>官方特卖</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_bot ">
            <div class="wrapper ">
                <h1>
                    <img src="https://cn.changhong.com/images/footer-logo_03.png " alt=" ">
                </h1>
                <p>
                    蜀ICP备09001737号-1 | © 2021 四川长虹电器股份有限公司 版权所有
                </p>
                <p>地址：四川省绵阳市高新区绵兴东路35号</p>
                <div>

                    <span>
                        <a href=" "> <img src="./img/wsjy-icon_06.png " alt=" "> 经营性网站备案信息</a>
                    </span>
                    <span>
                        <a href=" "> <img src="./img/cxwz-icon_06.png " alt=" ">诚信网站</a>
                    </span>
                    <span>
                       
                        <a href=" "> <img src="./img/gsjgicon.gif " alt=" ">工商网监</a>
                    </span>
                    <span>
                        <a href=" "> 
                            <img src="./img/wzba-icon_03.png " alt=" ">
                            <i>网上交易保障中心</i>
                        </a>
                        
                    </span>
                    <span>
                        <a href=" "> <img src="./img/kxr-icon_08.png " alt=" ">可信网站信用评估</a>
                        
                    </span>

                </div>
            </div>
        </div>
    </footer>
</body>

</html>